<template>
    <div class="header clearFix">
        <div class="w1200 margin">
            <router-link to="/" class="fl">
                <div class="hdfl1">
                    <span>您的理财贤内助</span>
                </div>
            </router-link>

            <div class="hdfl2 fl" v-text="registText">

            </div>
            <div v-show="showRoNot" class="fr">已有账号？请
                <router-link to="/login">登录</router-link>
            </div>
        </div>
    </div>
</template>
<script>
    export default{
        props:["loginShowOrNot","regist"],
        data(){
            return{
                showRoNot: this.loginShowOrNot,
                registText: this.regist
            }
        }
    }
</script>
<style lang="scss" scoped>
    .header {
        padding: 12px 0;
        background: #fff;
        .hdfl1 {
            color: #333;
            width: 149px;
            height: 57px;
            padding-right: 30px;
            position: relative;
            background: url("../../assets/images/registerlogo.png") no-repeat left center;
            span {
                position: absolute;
                font-size: 13px;
                right: 30px;
                bottom: 4px;

            }
            &:after {
                content: "";
                position: absolute;
                width: 2px;
                height: 34px;
                background-color: #dfdfdf;
                right: -2px;
                top: 12px;
            }
        }
        .hdfl2 {
            font-size: 20px;
            margin: 14px 0 0 32px;
        }
        .fr {
            font-size: 17px;
            margin-top: 19px;
            a {
                color: #ff6235;
            }
        }
    }
</style>